<!DOCTYPE html>
<html>
<head>
  <title>jack google</title>
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <!-- header font -->
  <link href="https://fonts.googleapis.com/css?family=Orbitron" rel="stylesheet" type="text/css">

  <!-- body font -->
  <link href="https://fonts.googleapis.com/css?family=Droid+Sans" rel="stylesheet" type="text/css">
  <link rel="shortcut icon" href="/favicon.ico">
  <style type="text/css">

    /* fonts */
    body { font-family: 'Droid Sans', arial, serif;  letter-spacing: 1px;}
    h1 { font-family: 'Orbitron', arial, serif; letter-spacing: 2px;}
    h2, h3, h4, h5, h6 { letter-spacing: 2px; font-weight: normal;}

    /* colors */
    body { background-color: #000306; color: white;}
    .container { background-color: #3F4038; border-color: #5B3E38}
    a { color: #62BECB; }
    a:hover {color: #82DEEB }

	#error {  border:1px dotted white; background: brown; }

    /* stripes and borders */

    .main { background-repeat: repeat-x;  background-image: url(); }
    .footer { min-height: 60px; background-repeat: repeat-x; background-position: bottom left; background-image: url(); }
    .container { border-style: solid; border-width: 1px; border-radius: 10px;  -moz-border-radius: 10px;  -webkit-border-radius: 10px;  overflow:hidden;  /* otherwise the background image appears on top of the curved border */ }


    /* layout */
    body { text-align: center; line-height:180% }
	a { margin: 10px}
    .container { width: 760px; margin: 40px auto; text-align: left;  max-width: calc(100% - 10px);}

    h2, h3, h4, h5, h6 { margin-bottom: 0;  }
    ul { line-height: 150%; }
    ul, p {  margin-top: 5px; margin-bottom: 0; }
    .main, .footer { padding: 1px 10px 0 10px; }

    #error {display: none; padding: 5px 10px; margin: 30px 10px; }

    form ul { list-style-type: none; padding-left: 25px;}
    input[type=text] { width: 640px; max-width: calc(100% - 12em) }

    .footer { position: relative; clear: both;}
    .footer p { margin:0; position: absolute; bottom: 10px;  right: 10px; padding-left: 10px; }

    #google-ad {
        text-align: center;
        margin: 10px auto;
    }
    @media(min-width: 768px) {
        #google-ad {
            margin: 0;
            float:right;
            margin:4px 2px 2px 20px;
        }
    }
  </style>
</head>
<body>
  <div class="container">
    <div class="main">
      <h1>Node Unblocker</h1>
      <div id="error"></div>
      <form action="no-js" method="get" id="unblocker-form">
        <p>
          网址:
          <input type="text" id="url" name="url" autofocus="autofocus" value="https://www.google.com"/>
          <input type="submit" value="浏览"/>
        </p>
      </form>
			<h3><center>禁网导航</center></h3>

	  <h4>实用工具</h4>
		<a href="./proxy/https://www.google.com/search?q=" target="_blank">Google搜索</a>
		<a href="./proxy/https://zh.wikipedia.org/wiki/" target="_blank">维基百科</a>
		<a href="https://github.com/gfw-breaker" target="_blank">GitHub</a>
		<a href="./proxy/http://truth.atspace.eu/fgate" target="_blank">翻墙软件</a>
		<a href="./proxy/http://dongtaiwang.com/loc/phome.php" target="_blank">动态网</a>
		<a href="./proxy/http://wujieliulan.com/" target="_blank">无界网络</a>
		<h4>新闻媒体</h4>

		<a href="./proxy/http://www.epochtimes.com/" target="_blank">大纪元新闻网</a>
		<a href="./proxy/http://www.ntdtv.com/" target="_blank">新唐人电视台</a>
		<a href="./proxy/http://soundofhope.org/" target="_blank">希望之声电台</a>
		<a href="./proxy/https://www.voachinese.com/" target="_blank">美国之音</a>
		<a href="./proxy/http://www.bbc.com/zhongwen/simp" target="_blank">BBC中文网</a>
		<a href="./proxy/http://www.dw.com/zh/在线报导/s-9058?&zhongwen=simp" target="_blank">DW(德国之声)</a>
		<a href="./proxy/https://cn.wsj.com/zh-hans" target="_blank">华尔街日报</a>
		<a href="./proxy/https://cn.nytimes.com/" target="_blank">纽约时报中文网</a>
		<a href="./proxy/https://cn.reuters.com/" target="_blank">路透中文网</a>
		<a href="./proxy/http://cn.rfi.fr/" target="_blank">法国国际广播电台</a>
    </div>
	<br/>
	<p><center>一键部署免费代理教程：<a href="https://github.com/gfw-breaker/heroku-node-proxy#--end--" target="_blank">heroku-node-proxy</a><center><p>
    <div class="footer">
      <p>特别鸣谢：<a href="https://github.com/nfriedly/node-unblocker">Node Unblocker</a> by <a href="http://nfriedly.com/" title="Node.js developer and JavaScript Expert">Nathan Friedly</a></p>
    </div>

  </div>
	<script>
		function $(id){
			return document.getElementById(id);
		}

		// $('unblocker-form').onsubmit = function(){
		//	var url = $('url').value;
		//	if(url.substr(0,4) != "http"){
		//		url = "http://" + url;
		//	}
		//	window.location.pathname = 'proxy/' + url;
		//	return false;
		//};

		function checkError(){
			var search = window.location.search;
			var start = search.indexOf('error=');
			if(start > -1){
				var stop = search.indexOf('&', start);
				if(stop == -1){ stop = undefined; }
				// +6 for "error="
				var err = search.substr(start+6, stop);
                var $error = $('error');
				$error.innerText = $error.textContent = decodeURIComponent(err);
				$error.style.display = "block";
			}
		}

		window.onload = function() {
			$('url').focus();
			checkError();
		}
	</script>


</body>
</html>
